---
title: 既存プロジェクトのAstroへの移行
description: サイトをAstroに変換するためのヒントとコツ。
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**サイトをAstroに変換する準備はできましたか？** 移行のヒントについては以下のガイドをご覧ください。

## 移行ガイド

<MigrationGuidesNav />

各ページの多くは**未完成**なので注意してください。未完成のページへの貢献をお待ちしています！

## なぜサイトをAstroに移行するのですか？

Astroは、パフォーマンス、シンプルさ、求める機能の多くがフレームワークに組み込まれていることなど、多くの利点を備えています。サイトを拡張する必要がある場合には、Astroが提供する複数の[公式およびサードパーティコミュニティのインテグレーション](https://astro.build/integrations)を利用できます。

移行はそれほど難しくはないかもしれません！

プロジェクトによっては、以下の既存の資産を利用できる可能性があります。

- Astroで直接利用できる[UIフレームワークコンポーネント](/ja/guides/framework-components/)。

- Tailwindを含む、[CSSスタイルシートやライブラリ](/ja/guides/styling/)。

- 既存の[remarkおよびrehypeプラグイン](/ja/guides/markdown-content/#markdownとmdxの設定)を使用して設定された[MarkdownやMDXファイル](/ja/guides/markdown-content/)。

- インテグレーションまたはAPIを介した[CMSのコンテンツ](/ja/guides/cms/)。

## どんなプロジェクトをAstroに変換できますか？

[多くの既存サイトをAstroで構築できます](/ja/concepts/why-astro/)。Astroは、ブログ、ランディングページ、マーケティングサイト、ポートフォリオなど、コンテンツをベースとした既存サイトに最適です。Astroは、人気のある複数のヘッドレスCMSと連携したり、eコマース用ショッピングカートに接続したりもできます。

Astroでは、サイトを静的生成するか[サーバーサイドレンダリング（SSR）](/ja/guides/server-side-rendering/)するかを選択できるため、静的サイトジェネレーターの代替としても、ページデータを動的に取得する必要があるサイトの代替としても適しています。

## プロジェクトの設計はどう変わりますか？

プロジェクトによっては、次の点について別の考え方が必要かもしれません。

- 不要なJavaScriptをブラウザに送信しないための、[Astroアイランド](/ja/concepts/islands/#アイランドとは)による設計。

- [クライアントサイドの`<script>`タグ](/ja/guides/client-side-scripts/)や[UIフレームワークコンポーネント](/ja/guides/framework-components/)を使用した、クライアントサイドでのインタラクティビティの提供。

- アプリケーション全体にまたがるフックやラッパーではなく、Nano Storesやローカルストレージによる[共有状態](/ja/recipes/sharing-state-islands/)の管理。
